Mångfalden av enheter för webbanvändning ökar, men det finns fortfarande webbplatser som utvecklas med PC:s som enda prioritet. Responsiv webbdesign erbjuder nya möjligheter till webbutveckling eftersom en responsiv webbplats är anpassad till samtliga enheter på marknaden. Området har förvisso fått stort genomslag, men det är fortfarande nytt och relativt outforskat. Det finns också endel utmaningar med Responsiv webbdesign som kan vara svåra att bemöta. Uppsatsen kartlägger utmaningar som lyfts fram i vetenskaplig litteratur, och bekräftar eller dementerar samt kompletterar kartlagda utmaningar genom enempirisk studie.

De allra flesta sidor idag använder en så kallad fixed design där sidan är gjord för en specifik skärmstorlek. Det finns nu metoder i HTML och CSS att låta sidan forma om sig efter användarens skärmstorlek utan att använda JavaScript. Denna teknik kallas Responsiv webbdesign. Syftet med detta arbete är att studera Responsiv webbdesign; hur det fungerar och om det är framtiden inom webbdesign. Studien har begränsats till moderna webbläsare och moderna mobiltelefoner för att se resultatet.

Avsaknad av en hemsida medför att många kunder kan gå förlorade för ett företag. Om det trots allt finns en webbsida som beskriver företagets verksamhet finns det fortfarande risk att mista kunder om sidan inte är anpassad efter den enhet som besökaren använder. I dagens samhälle är det mer regel än undantag att webbsidor besöks med olika enheter och upplösningar. En lösning på problemet är att använda Responsiv webbdesign för att skapa en flexibel design. M&R Mekan & Konstruktion i Skellefteå AB har inte haft någon hemsida att presentera sin verksamhet med för varken potentiella eller befintliga kunder.

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom Responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor.

Det blir allt vanligare att ägare till webbplatser anpassar sin webbplats till lågupplösta enheter som t. ex mobiltelefoner. För att genomföra en anpassning finns flera tekniska alternativ. I denna uppsats har det undersökts vilka tekniska aspekter som kan utgöra eventuella hinder när utvecklare möter webbyråkunders krav på upplösningsoberoende design med en av teknikerna, nämligen Responsiv webbdesign. Arbetet innefattar en intervju med en webbyråkund som resulterade i en kravspecifikation som sedan stod till grund för en prototyp, där tekniken Responsiv webbdesign testades och utvärderades.

Smarta klockor, små kroppsnära datorer som bärs kring handleden, ökar i popularitet. Smartaklockor kan visa tiden men även köra andra applikationer. Utmärkande för alla smarta klockorär deras lilla skärmyta, vilket ställer särskilda krav på utformningen av användargränssnitt.Syftet med detta arbete är att utforska hur smarta klockor kan fungera för att visa webbinnehålloch det görs genom att studera hur responsiv webbutveckling kan användas för att möjliggörawebbanvändning med smarta klockor.Experiment med responsiv webbutveckling för smarta klockor ledde fram till fyra prototypersom testades av användare. Under testerna diskuterades fördelar och nackdelar medprototyperna.Resultatet visar att Responsiv webbdesign kan användas för att anpassa webbsidor till smartaklockor, men att webbsidor med mycket innehåll bör brytas ner i mindre delar och visas en itaget, något som inte ingår i Responsiv webbdesign..

Idag kommer det hela tiden nya enheter, alla med olika egenskaper, med möjlighet att koppla upp mot internet. Därmed blir det allt svårare för webbdesigners att anpassa webbplatser för användarens behov och förutse i vilken kontext användaren brukar webbplatsen. Syftet med studien var att undersöka hur webbutvecklare kan implementera flexibilitet för webbplatser, för att webbplatsen ska passa de olika enheterna, genom Responsiv webbdesign. Vidare undersöks också hur användare upplever en webbplats utvecklad med Responsiv webbdesign.Studien omfattar utvecklingen av en prototyp som också har används som grund för användartestning och kvalitativa intervjuer. Användartestningen omfattade test på en webbplats utvecklad med fasta mått samt testning av den responsiva prototypen.

Responsiv design syftar till att en webbsida ska anpassa sig efter anva?ndarens enhet, oavsett enhetens ska?rmstorlek. Arbetet har ga?tt ut pa? att ta reda pa? om man kan utveckla en framga?ngsrik responsiv design som fungerar pa? ma?nga typer av enheter enbart med en persondator som utvecklingsplattform, och pa? sa? sa?tt undvika att beho?va genomga? en stor process med testning. Resultaten visar att det a?r fullt mo?jligt. .

I stort sett vartenda företag och organisation har idag en webbsida för att nå ut till sina kunder. I dagsläget krävs det lite mer än att endast anpassa webbsidorna efter datorer eftersom användandet av smartphones ökar både upp och ned i åldrarna för varje år som går. 2013 var året som Responsiv webbdesign slog igenom ordentligt men redan år 2010 förklarades begreppet av grundaren Ethan Marcotte. Responsiv webbdesign innebär att en webbsida är plattformsoberoende och anpassar sig beroende på vilken enhet som används.IT-branschen växer ständigt och möjligheten att nå framgång i mjukvaruprojekt är fortfarande ganska låga. Det är bland annat medvetenhet om kritiska framgångsfaktorer som är anledningen till att fler och fler IT-projekt blir lyckade.Syftet med denna kandidatuppsats i ämnet informatik är att identifiera och beskriva kritiska framgångsfaktorer som bör beaktas vid utveckling av en Responsiv webbdesign.En kvalitativ undersökning i form av fyra intervjuer har genomförts i kandidatuppsatsen.

Det blir allt mer vanligt att människor kopplar upp sig mot internet via sin smartphone, både privat och i arbetet. Detta innebär att webbsidor måste anpassas för att visas i dessa enheter. Men att mobilanpassa en webbsida kan vara svårt när det kommer till överskådlighet och navigation av webbsidan. Detta på grund av den begränsade skärmytan. När det kommer till att mobilanpassa en webbsida talas det ofta om två tekniker, Responsiv webbdesign och mobila webbapplikationer.

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ?mobile-first?-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar.

Med Responsiv webbdesign skapas en design som sedan dynamiskt anpassar sig till olika enheters skärmbredder, utan att specifika designer måste skapas för att få en anpassad layout till varje specifik enhet. De senaste åren har användandet av mobila enheter för surf på webben ökat och kraven som ställs på det mobila surfandet ökar med detta. Ett problem som uppstår med mobila enheter är att de trots sina små skärmar, använder samma högupplösta bilder som skapats för större skärmar. Detta medför att, trots omskalning av bilder för att responsivt anpassa bilden till enheten, så laddas en onödigt stor bild ned till enheten. Detta kan exempelvis p.g.a.

The use of mobile devices has increased dramatically in recent years and the development of newtechnologies has made it difficult for developers to know what screen size and device the visitor isusing. This has resulted in the fact that today there is a problem with the interface for web pages onmobile devices. They are not adapted to the flexibility required for the interfaces to be recognizedon various mobile devices. Instead of developing two separate web pages, where one is designed formobile devices and one for desktop and keep them both continously updated, responsive webdesign simplifies the work process. Responsive web design is a flexible and dynamic interface thatadapts to mobile device and screen sizes.

Idag anva?nds den smarta telefonen i allt sto?rre utstra?ckning fo?r att surfa pa? Internet. Problemet med att surfa i den smarta telefonen a?r att den mindre ska?rmytan ger begra?nsade mo?jligheter att rymma alla funktioner hos funktionsrika tja?nster. Fo?r att lo?sa detta utvecklas det flera lo?sningar fo?r en och samma tja?nst.

Studien fokuserar på ett förbättrat stöd för mus- och touchinteraktioner för responsiv webbutveckling, då man utvecklar en enhetlig webblösnings för alla enheter..